/* 
    Document   : default
    Created on : 21.10.2012, 12:16:25
    Author     : Marius Hentschel
               : Bruno Kirschner
    Description:
        Default stylesheet for NetVisualizer front page.
*/

/******************************************************************************/
/*                    general css for element types                           */
/******************************************************************************/

* {
   margin: 0px;
   padding: 0px;
   color: #000;
   font-family: source-sans-pro, serif;
}

html, body {
   height: 100%;
   width: 100%;
}

div {
    border: none;
}

/* wrap around header and content */
.wrapper {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

/******************************************************************************/
/*                             header                                         */
/******************************************************************************/

header {    
    margin-bottom: 10px;
    
    position:relative;
    z-index: 2;
}

#logo { 
    background-image: url("../img/NVizLogo.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 90px 90px;
    
    position:relative;
    
    top: 20px;
    left: 10px;
    
    display: inline-block;
    
    min-width: 90px;
    min-height: 90px;
    height: 90px;
    
    padding-left: 80px;
}

#logo h1 {
   position: relative;
   top:20px;
   left: -10px;
}

/********************
 *  login form      *
 ********************/


#loginWidget {
   
    max-height: 100px;
    min-width: 250px;
    
    display: inline-block;
    float: right;
}

#loginForm {
    opacity: 1;
}

#loginForm a {
   font-size: smaller;
   text-align: center;
   margin:10px;
}

/**********************
 * Registrations Form *
 **********************/

#registration-form {
   display: none;
}

#registration-form overlayCss {
   background-color: rgba(0,0,0,0.5);
}

/******************************************************************************/
/*                                 menu                                       */
/******************************************************************************/

div#menuContainer {
   
    position:relative;
    
    top: -10px;
    
    min-width: 100%;
    height: 32px;
    
    background-color: rgba(56,170,70,1.0);
    
    margin: 0px;
}

.tooltip {
   display:none;
   width: 200px;
   height: 200px;
   background-color: #fff;
   border: 1px solid #000;
}

/******************************************************************************/
/*                              content                                       */
/******************************************************************************/

.content {
}

/******************************************************************************/
/*                        footer                                              */
/******************************************************************************/

footer, .push {
   min-height: 30px;
   padding-top: 10px;
}

footer {
   background-color: rgba(255,255,255,0.9);
   
   min-width: 100%;
   
   position:relative;
   z-index:10;
}

.centeredText {
    text-align: center;
    font-size: smaller;
}
